<div id="delete_topic_modal" class="modal modal-bg hide fade new-style" tabindex="-1" role="dialog" aria-labelledby="delete_topic_modal_label" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{{t 'Close' }}"><span aria-hidden="true">&times;</span></button>
        <h3 id="delete_topic_modal_label">
            {{t "Delete topic" }}
            {{> ./help_link_widget link="/help/delete-a-topic" }}
        </h3>
    </div>
    <div class="modal-body">
        <p>{{#tr}}Are you sure you want to permanently delete <b>{topic_name}</b>?{{/tr}}</p>
        <p>{{t "Deleting a topic will immediately remove it and its messages for everyone. Other users may find this confusing, especially if they had received an email or push notification related to the deleted messages." }}</p>
    </div>
    <div class="modal-footer">
        <button class="button" data-dismiss="modal">{{t "Cancel" }}</button>
        <button class="button btn-danger rounded" id="do_delete_topic_button">
            {{t "Confirm" }}
        </button>
    </div>
</div>
